<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
	<!--<![endif]-->
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>MuMu - Universe Creator</title>
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!-- Bootstrap -->

		<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

		<link rel="stylesheet" href="css/normalize.css">
		<link rel="stylesheet" href="css/main.css">
		<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
		<link href="css/mumu.css" rel="stylesheet" media="screen">

		<script src="js/vendor/modernizr-2.6.2.min.js"></script>
	</head>
	<body>
		<!--[if lt IE 7]>
		<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
		<![endif]-->

		<!-- Add your site or application content here -->
		<div class="navbar-wrapper">
			<!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
			<div class="container">

				<div class="navbar navbar-inverse">
					<div class="navbar-inner">
						<!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
						<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a class="brand" href="#"><img src="./img/logo.png" /><span> Universe Creator</span></a>
						<!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
						<div class="nav-collapse collapse">
							<ul class="nav pull-right">
								<li>
									<a href="#about">Aiuto</a>
								</li>
								
							</ul>
						</div><!--/.nav-collapse -->
					</div><!-- /.navbar-inner -->
				</div><!-- /.navbar -->

			</div>
			<!-- /.container -->
		</div>
		
		<c:if test="${param.error==1}">
        	<div class="row-fluid">
            	<div class="span8 offset2">
                	<div class="alert alert-error text-center">
                    	<i class="icon-remove "></i>
                        <strong> Errore!</strong> Username e/o password non valide 
                    </div>
                </div>                    
            </div>
        </c:if>

		<div class="row-fluid">
			<div class="span6">
				<div class="title-wrapper">
					<h1 class="big-title">Benvenuto su MuMuMaker.</h1>
					<h3 class="big-title" style="font-weight: normal">Registrati e crea il tuo universo.</h3>
				</div>
			</div>
			<div class="span6">
				<div class="row-fluid">
					<!--<div class="span4" style="background-color: grey;">span</div>-->
					<div class="span9 offset2 initial-form" id="login-form">
						<form class="form-signin" action="/ControllerServlet" method="post">
							<h2 class="form-signin-heading form-home">Accedi</h2>
							<input type="text" class="input-block-level" placeholder="Email">
							<div class="controls controls-row">
								<input type="password" id="signin-password" class="input-block-level span9" title="Password" placeholder="Password">
								<button type="submit" class="submit btn btn-primary js-submit span3">
									Accedi
								</button>
							</div>

							<label class="checkbox form-home">
								<input type="checkbox" value="remember-me">
								Ricordami </label>

						</form>

					</div>
				</div>
				<div class="row-fluid">
					<!--<div class="span4" style="background-color: grey;">span</div>-->
					<div class="span9 offset2 initial-form" id="register-form">
						<form class="form-signin" action="/RequestAccessServlet" method="post">
							<h2 class="form-signin-heading form-home">Iscriviti</h2>
							<input type="text" class="input-block-level" placeholder="Nome e Cognome" name="name_surname">
                            <input type="text" class="input-block-level" placeholder="Email" name="email">
                            <input type="password" class="input-block-level" placeholder="Password" name="password">
                            <input type="text" class="input-block-level" placeholder="Qualifica / Ente" name="qualification">
							<label class="checkbox form-home">
							<input type="checkbox" id="accept-condition" value="accept-terms">
								Accetto <em>Termini e Condizioni</em> di MuMuGod. </label>
							<button class="btn btn-primary" type="submit" id="register-button" disabled>
								Richiedi l'accesso a MuMuGod
							</button>
						</form>

					</div>
				</div>
			</div>
		</div>

		<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
		<!-- <script src="http://code.jquery.com/jquery.js"></script> -->
		<script type="text/javascript" src="js/jquery-ui-1.9.2-min.js"></script>
		
		<script src="js/plugins.js"></script>
		<script src="js/main.js"></script>
		<script src="js/bootstrap.min.js"></script>
		

		<!-- Google Analytics: change UA-XXXXX-X to be your site's ID.
		<script>
		var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
		(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
		g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
		s.parentNode.insertBefore(g,s)}(document,'script'));
		</script> -->
	</body>
</html>
